<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Welcome to ScorzWorks Website</title>
        <meta http-equiv="X-UA Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Welcome to ScorzWorks Website. The Homepage of Sandy Corzeta." />
        <meta name="author" content="ScorzWorks Creative" />
        <meta name="keywords" content="ScorzWorks, Sandy Corzeta, Sandy Nicko, Creative" />
        <link rel="favicon" href="../favicon.png">
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/main.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <!--[if IE]>
            <link rel="stylesheet" type"text/css" href="css/styleIE.css" />
        <![endif]-->
        <link rel="stylesheet" type="text/css" href="css/fonts.css" />
    </head>
<body>
    <!-- Preloader -->
<div id="preloader">
    <div class="circle_load">
        <div class="arc_load1"></div>
        <div class="arc_load2"></div>
        <div class="arc_load3"></div>
        <div class="arc_load4"></div>
    </div>
    <span class="preload_text">Loading....</span>
    <div id="status">&nbsp;</div>
</div>
    <h1 id="announce">Coming Soon!</h1>
    <div class="explain_container">
        <div class="explain_content">
            <div class="explain_wrap explain_left">
                <h2>
                    <span class="exp_left_top">I still working on to design of this website.</span>
                    <span class="exp_left_bottom"><punch>Stay tune</punch> and <punch>keep informed</punch> with me at :</span>
                </h2>
            </div>
            <div class="explain_wrap explain_right">
                <h2>
                    <span class="facebook">
                        <a href="http://www.facebook.com/sandymaccorzeta" title="Add me on Facebook">Facebook</a>
                    </span>
                    <span class="twitter">
                        <a href="http://twitter.com/sandycorzeta" title="Follow me on Twitter">Twitter</a>
                    </span>
                    <span class="googleplus">
                        <a href="http://gplus.to/nickosandy" title="Add me on your circles">Google+</a>
                    </span>
                </h2>
            </div>
        </div>
    </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>
<!-- Preloader -->
<script type="text/javascript">
    //<![CDATA[
        $(window).load(function() { // makes sure the whole site is loaded
            $("#status").fadeOut(); // will first fade out the loading animation
            $("#preloader").delay(500).fadeOut(5000000); // will fade out the white DIV that covers the website.
        })
    //]]>
</script>
<script src="./js/textfade.js" type="text/javascript"></script>
</body>
</html>
